<ion-view id="market-view" view-title="优品库" hide-nav-bar="true">
  <ion-header-bar align-title="center" class="bar-calm">
      <div class="buttons">
          <button class="button head-button button-clear center-btn" ng-click="goBack()">
              <img src="img/order-commit/backIcon.png">
          </button>
      </div>
    <h1 class="title">优品库分销平台</h1>
    <div class="buttons">
      <button class="button head-button button-clear center-btn "
              ng-click="goSearch()">
        <span class="ion-search"></span>
      </button>
    </div>
  </ion-header-bar>
  <ion-content>
    <ion-refresher
        pulling-text="下拉刷新..."
        on-refresh="doRefresh()">
    </ion-refresher>
    <div class="message" ng-if="noRead>0">
      <a class="item" ng-click="goReferpro()">
            <span class="left-pic message">
              {{noRead}}条未读推荐
            </span>
        <div class="v-center" style="float:right;top:9px">
          <img src="img/my/arrow.png" class="v-center" style="height:15px"/>
        </div>
      </a>
    </div>
    <swiper-x items="items"></swiper-x>
    <slide-banner items="banners"></slide-banner>

      <div class="down">
          <div ng-click="goNewproduct()">
            <img src="img/ban-s1.jpg"/>
          </div>
          <div ng-click="goReferencepro()">
              <img src="img/ban-s2.jpg"/>
          </div>
          <div ng-click="sorry()">
              <img src="img/ban-s3.jpg"/>
          </div>
          <div ng-click="sorry()">
              <img src="img/ban-s4.jpg"/>
          </div>
      </div>
    <flow-div items="$storage.tabMarketGoodList" item-click="pick"></flow-div>

    <ion-infinite-scroll
        ng-if="canLoadMore()"
        distance="1%"
        immediate-check=false
        on-infinite="loadMore()"></ion-infinite-scroll>
  </ion-content>
</ion-view>
